<template>
  <div class="top-right-view">
    <dv-border-box-8 v-for="item in dataList" :key="item.TankCode" :dur="15">
      <oil-tank :oilData="item"></oil-tank>
    </dv-border-box-8>
  </div>
</template>
<script>
import OilTank from "./oilTank.vue"
export default {
  components: {
    OilTank,
  },
  data() {
    return {
      dataList: [],
    }
  },
  mounted() {
    this.getPuHangTankStatus()
  },
  methods: {
    async getPuHangTankStatus() {
      const res = await this.$store.dispatch("GetPuHangTankStatus")
      this.dataList = res
      //   if (res) {
      //     console.log(res)
      //   }
      setTimeout(() => {
        this.getPuHangTankStatus()
      }, 60000 * 3)
    },
  },
}
</script>

<style lang="scss" scoped>
@import "../assets/scss/index.scss";
</style>
